﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>唯品会-首页</title>
		<link rel="stylesheet" type="text/css" href="css/home.css"/>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href=""/>
		<link rel="stylesheet" type="text/css" href="css/rightfixed.css"/>
		<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/rightfixed.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<link rel="stylesheet" type="text/css" href="\VIPproject\css\VIPhomepage.css"/>
	<link rel="stylesheet" type="text/css" href="\VIPproject\font-awesome-4.7.0\css\font-awesome.css"/>
	<link rel="stylesheet" type="text/css" href="\VIPproject\font-awesome-4.7.0\css\font-awesome.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/list.css"/>
	<body>
		
		<div class="home-head">
			
			<script type="text/javascript">
				$(".home-head").load("home.html");
			</script>
			
		</div>
		
		<div class="main">
			<div class="float-nav">
	    	<ul style="left:;width: 80px;border: 1px lightgrey solid;background-color: white;">
	        	<li style="border-top: 1px lightgrey solid;border-radius:5px; width:72px;margin-left: 4px;"><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i> 精选</a></li>
	        	<li style="border-top: 1px lightgrey solid;width:70px;margin-left: 4px;"><a href="#this"><i class="fa fa-female" aria-hidden="true"></i> 女装</a></li>
	        	<li style="border-top: 1px lightgrey solid;width:70px;margin-left: 4px;"><a href="#this"><i class="fa fa-shopping-bag" aria-hidden="true"></i> 鞋包</a></li>
	        	<li style="border-top: 1px lightgrey solid;width:70px;margin-left: 4px;"><a href="#this"><i class="fa fa-male" aria-hidden="true"></i> 男装</a></li>
	        	<li style="border-top: 1px lightgrey solid;width:70px;margin-left: 4px;"><a href="#this"><i class="fa fa-minus" aria-hidden="true"></i> 运动</a></li>
	        	<li style="border-top: 1px lightgrey solid;width:70px;margin-left: 4px;"><a href="#this"><i class="fa fa-clock-o" aria-hidden="true"></i> 饰品</a></li>
	        	<li style="border-top: 1px lightgrey solid;width:70px;margin-left: 4px;"><a href="#this"><i class="fa fa-sitemap" aria-hidden="true"></i> 美妆</a></li>
	        	<li style="border-top: 1px lightgrey solid;width:70px;margin-left: 4px;"><a href="#this"><i class="fa fa-thermometer-empty" aria-hidden="true"></i> 母婴</a></li>
	        	<li style="border-top: 1px lightgrey solid;width:70px;margin-left: 4px;"><a href="#this"><i class="fa fa-bed" aria-hidden="true"></i> 居家</a></li>
			<li style="border-top: 1px lightgrey solid;width:70px;margin-left: 4px;"><a href="#this"><i class="fa fa-bullseye" aria-hidden="true"></i> 国际</a></li>
	        	<li style="border-top: 1px lightgrey solid;width:70px;margin-left: 4px;"><a href="#this"><i class="fa fa-bicycle" aria-hidden="true"></i> 生活</a></li>
	        	<li style="border-top: 1px lightgrey solid;width:70px;margin-left: 4px;"><a href="#this"><i class="fa fa-calendar" aria-hidden="true"></i> 预告</a></li>
	    	</ul>
	        </div>
			<div class="pop" id="pop">				
				<div class="son">
					<a href="#this"><div class="cancel"><i class="fa fa-times" aria-hidden="true" style="font-size: 25px;"></i></div></a>
					<div class="grandson">
						<div class="top">
							<div class="left-one">
								<span style="text-align: center;color:rgba(0,0,0,0.8);font-size: 20px;width: 200px;color: #f10180; ">扫码登录 </span>							
							</div>
							<div style="border-right:1px solid black;width: 2px;height: 20px;margin-left: 192px;margin-top: -35px;"></div>
							<div class="right-one">
								<span style="text-align: center;font-size: 20px;">
									账户登录</span>
							</div>
						</div>
						<div class="middle">
							<div class="middle-up">
								<img style="position:relative;width: 150px;height: 150px;top: 10px;" src="img/QR-code.png"/>
							</div>
							<div class="middle-down">
								<i style="font-size: 22px;color: rgba(211,211,211,0.9);" class="fa fa-minus-square-o" aria-hidden="true"></i>
								<p style="position: relative;left: 25px;top: -20px;">打开<span style=" height:16px;color: #f10180;">唯品会APP-个人中心</span>，扫一扫登录</p>
							</div>
						</div>
						<div class="bottom">
							<div class="bottom-up">
								<div style="position: relative; height:2px;width: 334px;top: 30px;left: 0px;background: rgba(211,211,211,0.7);"></div>
								<a style="text-decoration: none;" href="https://open.weixin.qq.com/connect/qrconnect?appid=wxce0a56c2bb620e25&redirect_uri=https%3A%2F%2Fpassport.vip.com%2Fcallback%2Fweixin&response_type=code&scope=snsapi_login&state=6809261636db4b25aa079b684410172c#wechat_redirect">
								<button>
									<img src="img/wechat.PNG" />
								</button>
								</a>
							</div>
							<div class="bottom-down">
								<ul style="list-style: none;">
									<li><div class="littleone" style="background:rgba(255,255,255,0.9);position:relative;float:left;width: 90px;height: 40px;left: -50px;top: 5px;text-align: center;">
										<a style="text-decoration: none;" href="https://auth.alipay.com/login/express.htm?goto=https%3A%2F%2Fmemberexprod.alipay.com%3A443%2Fauthorize%2FuserAuthQuickLoginAction.htm%3Fe_i_i_d%3Dabdddecafcc729994396d0910b343505"><span style="color: #999；cursor: pointer;">支付宝</span></a>
									</div></li>
									<li><div class="littleone" style="background:rgba(255,255,255,0.9);position:relative;float:left;width: 60px;height: 20px;left:-39px;top: 5px;text-align: center;border-left: 1px solid gainsboro;border-right: 1px solid gainsboro;">
										<a style="text-decoration: none;" href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=100292427&redirect_uri=https://passport.vip.com/callback/qq&response_type=code&state=0a4ca4e81090480e910b42b74a8771fe"><span style="color: #999；cursor: pointer;text-decoration: none;">QQ</span></a> 
									</div></li>
									<li><div class="littleone" style="z-index: 1; background:rgba(255,255,255,0.9);position:relative;float:left;width: 60px;height: 40px;left: -18px;top: 5px;text-align: center;">
									<span style=" color: #999；cursor: pointer;z-index: 2;position: relative;">
										更多
										<i class="fa fa-angle-up" aria-hidden="true"></i>
									</span>									
									</li>
									<li><div class="littleone" style="background:rgba(255,255,255,0.9);position:relative;float:left;width: 60px;height: 40px;left:37px;top: 5px;text-align: center;">
										<a style="text-decoration: none;"href="register.html"><span style="color: #999；cursor: pointer;">免费注册</span></a>
									</div></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		<div class="mainbox1">
			<div class="title1">
				<img src="\VIPproject\img\title.jpg" style="width: 1170px;height: 70px;" />
			</div>
			<div>			
				<div class="left1">
				  <img style="z-index:1; left: 0px; top: 0px; width:600px; height: 630px; overflow: hidden; object-fit: contain; position: absolute;" src="\VIPproject\img\left-background.png"/>					
						<ul class="firstline">
							<a href="buyinterface.html">
							<li class="item">
								<div style="background-color: white;z-index: 2;width: 170px;height:248px;position: absolute;left: 20px;top:104px;">
								<div style="z-index: 3;left: 0px;top: 0px;position: absolute;width: 170px;height: 170px;">
								<img style="z-index: 4;left: 0px;top: 0px;position: absolute;width: 170px;height: 170px;" src="\VIPproject\img\l1.jpg"/>
								</div>
								<div >
								<span style="z-index: 5; left: 15px; top: 175px; width: 162px; height: 21px; overflow: hidden; font-size: 18px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
								 <span style="overflow: hidden;text-overflow: ellipsis;font-size: 16px;">中高腰提臀镂空收...
								 </span>
								</span>
								<span style="z-index: 6; left: 12px; top: 208px; width: 46px; height: 22px; overflow: hidden; background-color: rgb(222, 61, 150); font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; position: absolute;">
								  <span style="top: 215px;overflow: hidden; text-overflow: ellipsis;">
								     快抢价
								  </span>
								</span>
								<span style="z-index: 7; left: 60px; top: 208px; width: 29px; height: 19px; overflow: hidden; font-size: 16px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
									<span style=" overflow: hidden; text-overflow: ellipsis">
										¥35
								    </span>	
								</span>
									<span style="z-index: 8; left: 108px; top: 210px; width: 33px; height: 16px; overflow: hidden; font-size: 14px; color: rgb(152, 152, 159); text-decoration: line-through; white-space: nowrap; text-align: left; position: absolute;">
									<span style="overflow: hidden; text-overflow: ellipsis">
									  ¥188	
								    </span>	
								</span>
							    </div>
							</div></li></a>
							<a href="buyinterface.html">
							<li class="item">
								<div style="background-color: white;z-index: 2;width: 170px;height:248px;position: absolute;left: 200px;top: 104px;">
								<div style="z-index: 3;left: 0px;top: 0px;position: absolute;width: 170px;height: 170px;">
								<img style="z-index: 4;left: 0px;top: 0px;position: absolute;width: 170px;height: 170px;" src="\VIPproject\img\l2.jpg"/>
								</div>
								<div >
								<span style="z-index: 5; left: 15px; top: 175px; width: 162px; height: 21px; overflow: hidden; font-size: 18px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
								 <span style="overflow: hidden;text-overflow: ellipsis;font-size: 16px;">法国大使时尚拉杆...
								 </span>
								</span>
								<span style="z-index: 6; left: 12px; top: 208px; width: 46px; height: 22px; overflow: hidden; background-color: rgb(222, 61, 150); font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; position: absolute;">
								  <span style="top: 215px;overflow: hidden; text-overflow: ellipsis;">
								     快抢价
								  </span>
								</span>
								<span style="z-index: 7; left: 60px; top: 208px; width: 29px; height: 19px; overflow: hidden; font-size: 16px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
									<span style=" overflow: hidden; text-overflow: ellipsis">
										¥28
								    </span>	
								</span>
									<span style="z-index: 8; left: 108px; top: 210px; width: 33px; height: 16px; overflow: hidden; font-size: 14px; color: rgb(152, 152, 159); text-decoration: line-through; white-space: nowrap; text-align: left; position: absolute;">
									<span style="overflow: hidden; text-overflow: ellipsis">
									  ¥2280	
								    </span>	
								</span>
							    </div>
							</div></li></a>
							<a href="buyinterface.html">
								<li class="item">
								<div style="background-color: white;z-index: 2;width: 170px;height:248px;position: absolute;left: 380px;top: 104px;">
								<div style="z-index: 3;left: 0px;top: 0px;position: absolute;width: 170px;height: 170px;">
								<img style="z-index: 4;left: 0px;top: 0px;position: absolute;width: 170px;height: 170px;" src="\VIPproject\img\l3.jpg"/>
								</div>
								<div >
								<span style="z-index: 5; left: 15px; top: 175px; width: 162px; height: 21px; overflow: hidden; font-size: 18px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
								 <span style="overflow: hidden;text-overflow: ellipsis;font-size: 16px;">
                                                              指纹触控TWS苹果...
								 </span>
								</span>
								<span style="z-index: 6; left: 12px; top: 208px; width: 46px; height: 22px; overflow: hidden; background-color: rgb(222, 61, 150); font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; position: absolute;">
								  <span style="top: 215px;overflow: hidden; text-overflow: ellipsis;">
								     快抢价
								  </span>
								</span>
								<span style="z-index: 7; left: 60px; top: 208px; width: 29px; height: 19px; overflow: hidden; font-size: 16px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
									<span style=" overflow: hidden; text-overflow: ellipsis">
										¥99
								    </span>	
								</span>
									<span style="z-index: 8; left: 108px; top: 210px; width: 33px; height: 16px; overflow: hidden; font-size: 14px; color: rgb(152, 152, 159); text-decoration: line-through; white-space: nowrap; text-align: left; position: absolute;">
									<span style="overflow: hidden; text-overflow: ellipsis">
									  ¥1199	
								    </span>	
								</span>
							    </div>
							</div></li></a>
						</ul>					
					<ul class="secondline">
						<a href="buyinterface.html">
							<li class="item">
								<div style="background-color: white;z-index: 2;width: 170px;height:248px;position: absolute;left: 20px;top: 362px;">
								<div style="z-index: 3;left: 0px;top: 0px;position: absolute;width: 170px;height: 170px;">
								<img style="z-index: 4;left: 0px;top: 0px;position: absolute;width: 170px;height: 170px;" src="\VIPproject\img\l4.jpg"/>
								</div>
								<div >
								<span style="z-index: 5; left: 15px; top: 175px; width: 162px; height: 21px; overflow: hidden; font-size: 18px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
								 <span style="overflow: hidden;text-overflow: ellipsis;font-size: 16px;">
                                                               美的5L七段调压加...
								 </span>
								</span>
								<span style="z-index: 6; left: 12px; top: 208px; width: 46px; height: 22px; overflow: hidden; background-color: rgb(222, 61, 150); font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; position: absolute;">
								  <span style="top: 215px;overflow: hidden; text-overflow: ellipsis;">
								     快抢价
								  </span>
								</span>
								<span style="z-index: 7; left: 60px; top: 208px; width: 29px; height: 19px; overflow: hidden; font-size: 16px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
									<span style=" overflow: hidden; text-overflow: ellipsis">
										¥238
								    </span>	
								</span>
									<span style="z-index: 8; left: 108px; top: 210px; width: 33px; height: 16px; overflow: hidden; font-size: 14px; color: rgb(152, 152, 159); text-decoration: line-through; white-space: nowrap; text-align: left; position: absolute;">
									<span style="overflow: hidden; text-overflow: ellipsis">
									  ¥1299	
								    </span>	
								</span>
							    </div>
							</div></li></a>
							<a href="buyinterface.html">
							<li class="item">
								<div style="background-color: white;z-index: 2;width: 170px;height:248px;position: absolute;left: 200px;top: 362px;">
								<div style="z-index: 3;left: 0px;top: 0px;position: absolute;width: 170px;height: 170px;">
								<img style="z-index: 4;left: 0px;top: 0px;position: absolute;width: 170px;height: 170px;" src="\VIPproject\img\l5.jpg"/>
								</div>
								<div >
								<span style="z-index: 5; left: 15px; top: 175px; width: 162px; height: 21px; overflow: hidden; font-size: 18px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
								 <span style="overflow: hidden;text-overflow: ellipsis;font-size: 16px;">
                                                               多芬日常滋养修护...
								 </span>
								</span>
								<span style="z-index: 6; left: 12px; top: 208px; width: 46px; height: 22px; overflow: hidden; background-color: rgb(222, 61, 150); font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; position: absolute;">
								  <span style="top: 215px;overflow: hidden; text-overflow: ellipsis;">
								     快抢价
								  </span>
								</span>
								<span style="z-index: 7; left: 60px; top: 208px; width: 29px; height: 19px; overflow: hidden; font-size: 16px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
									<span style=" overflow: hidden; text-overflow: ellipsis">
										¥79
								    </span>	
								</span>
									<span style="z-index: 8; left: 108px; top: 210px; width: 33px; height: 16px; overflow: hidden; font-size: 14px; color: rgb(152, 152, 159); text-decoration: line-through; white-space: nowrap; text-align: left; position: absolute;">
									<span style="overflow: hidden; text-overflow: ellipsis">
									  ¥159	
								    </span>	
								</span>
							    </div>
							</div></li></a>
							<a href="buyinterface.html">
							<li class="item">
								<div style="background-color: white;z-index: 2;width: 170px;height:248px;position: absolute;left: 380px;top: 362px;">
							<div style="z-index: 3;left: 0px;top: 0px;position: absolute;width: 170px;height: 170px;">
								<img style="z-index: 4;left: 0px;top: 0px;position: absolute;width: 170px;height: 170px;" src="\VIPproject\img\l6.jpg"/>
								</div>
								<div >
								<span style="z-index: 5; left: 15px; top: 175px; width: 162px; height: 21px; overflow: hidden; font-size: 18px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
								 <span style="overflow: hidden;text-overflow: ellipsis;font-size: 16px;">
                                                               雪俐女士夏季睡衣...
								 </span>
								</span>
								<span style="z-index: 6; left: 12px; top: 208px; width: 46px; height: 22px; overflow: hidden; background-color: rgb(222, 61, 150); font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; position: absolute;">
								  <span style="top: 215px;overflow: hidden; text-overflow: ellipsis;">
								     快抢价
								  </span>
								</span>
								<span style="z-index: 7; left: 60px; top: 208px; width: 29px; height: 19px; overflow: hidden; font-size: 16px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
									<span style=" overflow: hidden; text-overflow: ellipsis">
										¥89
								    </span>	
								</span>
									<span style="z-index: 8; left: 108px; top: 210px; width: 33px; height: 16px; overflow: hidden; font-size: 14px; color: rgb(152, 152, 159); text-decoration: line-through; white-space: nowrap; text-align: left; position: absolute;">
									<span style="overflow: hidden; text-overflow: ellipsis">
									  ¥599	
								    </span>	
								</span>
							    </div>
							</div></li></a>
						</ul>
				</div>
				<div class="right1">
				  <img style="z-index:1; left: 0px; top: 0px; width:600px; height: 630px; overflow: hidden; object-fit: contain; position: absolute;" src="\VIPproject\img\right-background.png"/>					
						<ul class="firstline">
							<a href="buyinterface.html">
							<li class="item">
								<div style="background-color:none;z-index: 2;width: 170px;height:248px;position: absolute;left: 30px;top:104px;">
								<div style="z-index:3; left: 5px; top: 0px; width: 164px; height: 215px; overflow: hidden; object-fit: contain; position: absolute;" >
								<img style="z-index: 4;left: 5px;top: 1px;position: absolute;width: 170px;height: 226px;" src="\VIPproject\img\r1.jpg"/>
								</div>
								<div style="z-index: 5; left: 51px; top: 134px; width: 95px; height: 64px; overflow: hidden; background-color: rgba(255, 255, 255, 0.8); position: absolute;">
								<img style="z-index: 6; left: 8px; top: 5px; width: 66px; height: 33px; overflow: hidden; object-fit: contain; position: absolute;" src="img/r-middle.png"/>
								<span style="z-index: 6; left: -12px; top: 43px; width: 104px; height: 18px; overflow: hidden; font-size: 14px; color: rgb(88, 92, 100); white-space: nowrap; text-align: center; position: absolute;">
								共132款
								</span>								
								 </div>
								<span style="z-index: 3; left: 55px; top: 225px; width: 40px; height: 20px; overflow: hidden; background-color: rgb(255, 61, 110); font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; position: absolute;">
								  <span style="overflow: hidden;text-overflow: ellipsis;">
								     疯抢价
								  </span>
								</span>
								<span style="z-index: 3; left: 99px; top: 223px; width: 70px; height: 20px; overflow: hidden; font-size: 16px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
									<span style="overflow: hidden;text-overflow: ellipsis;">
										¥597
								   </span>					
							   	</div></li></a>
							<a href="buyinterface.html">
							<li class="item">
								<div style="background-color: none;z-index: 2;width: 170px;height:248px;position: absolute;left: 210px;top: 104px;">
								<div style="z-index:3; left: 5px; top: 0px; width: 164px; height: 215px; overflow: hidden; object-fit: contain; position: absolute;" >
								<img style="z-index: 4;left: 5px;top: 1px;position: absolute;width: 170px;height: 226px;" src="\VIPproject\img\r2.jpg"/>
								</div>
								<div style="z-index: 5; left: 51px; top: 134px; width: 95px; height: 64px; overflow: hidden; background-color: rgba(255, 255, 255, 0.8); position: absolute;">
								<img style="z-index: 6; left: 8px; top: 5px; width: 66px; height: 33px; overflow: hidden; object-fit: contain; position: absolute;" src="img/r-middle.png"/>
								<span style="z-index: 6; left: -12px; top: 43px; width: 104px; height: 18px; overflow: hidden; font-size: 14px; color: rgb(88, 92, 100); white-space: nowrap; text-align: center; position: absolute;">
								共444款
								</span>								
								 </div>
								<span style="z-index: 3; left: 59px; top: 225px; width: 40px; height: 20px; overflow: hidden; background-color: rgb(255, 61, 110); font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; position: absolute;">
								  <span style="overflow: hidden;text-overflow: ellipsis;">
								     疯抢价
								  </span>
								</span>
								<span style="z-index: 3; left: 103px; top: 223px; width: 70px; height: 20px; overflow: hidden; font-size: 16px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
									<span style="overflow: hidden;text-overflow: ellipsis;">
										¥174
								   </span>					
							   	</div></li></a>
							<a href="buyinterface.html">
							<li class="item">
								<div style="background-color: none;z-index: 2;width: 170px;height:248px;position: absolute;left: 390px;top: 104px;">
								<div style="z-index:3; left: 5px; top: 0px; width: 164px; height: 215px; overflow: hidden; object-fit: contain; position: absolute;" >
								<img style="z-index: 4;left: 5px;top: 1px;position: absolute;width: 170px;height: 226px;" src="\VIPproject\img\r3.jpg"/>
								</div>
								<div style="z-index: 5; left: 51px; top: 134px; width: 95px; height: 64px; overflow: hidden; background-color: rgba(255, 255, 255, 0.8); position: absolute;">
								<img style="z-index: 6; left: 8px; top: 5px; width: 66px; height: 33px; overflow: hidden; object-fit: contain; position: absolute;" src="img/r-middle.png"/>
								<span style="z-index: 6; left: -12px; top: 43px; width: 104px; height: 18px; overflow: hidden; font-size: 14px; color: rgb(88, 92, 100); white-space: nowrap; text-align: center; position: absolute;">
								共752款
								</span>								
								 </div>
								<span style="z-index: 3; left: 59px; top: 225px; width: 40px; height: 20px; overflow: hidden; background-color: rgb(255, 61, 110); font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; position: absolute;">
								  <span style="overflow: hidden;text-overflow: ellipsis;">
								     疯抢价
								  </span>
								</span>
								<span style="z-index: 3; left: 103px; top: 223px; width: 70px; height: 20px; overflow: hidden; font-size: 16px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
									<span style="overflow: hidden;text-overflow: ellipsis;">
										¥61
								   </span>					
							   	</div></li></a>
						</ul>					
					<ul class="secondline">
						<a href="buyinterface.html">
							<li class="item">
								<div style="background-color: none;z-index: 2;width: 170px;height:248px;position: absolute;left: 30px;top: 362px;">
								<div style="z-index:3; left: 5px; top: 0px; width: 164px; height: 215px; overflow: hidden; object-fit: contain; position: absolute;" >
								<img style="z-index: 4;left: 5px;top: 1px;position: absolute;width: 170px;height: 226px;" src="\VIPproject\img\r4.jpg"/>
								</div>
								<div style="z-index: 5; left: 51px; top: 134px; width: 95px; height: 64px; overflow: hidden; background-color: rgba(255, 255, 255, 0.8); position: absolute;">
								<img style="z-index: 6; left: 8px; top: 5px; width: 66px; height: 33px; overflow: hidden; object-fit: contain; position: absolute;" src="img/r-middle.png"/>
								<span style="z-index: 6; left: -12px; top: 43px; width: 104px; height: 18px; overflow: hidden; font-size: 14px; color: rgb(88, 92, 100); white-space: nowrap; text-align: center; position: absolute;">
								共272款
								</span>								
								 </div>
								<span style="z-index: 3; left: 59px; top: 225px; width: 40px; height: 20px; overflow: hidden; background-color: rgb(255, 61, 110); font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; position: absolute;">
								  <span style="overflow: hidden;text-overflow: ellipsis;">
								     疯抢价
								  </span>
								</span>
								<span style="z-index: 3; left: 103px; top: 223px; width: 70px; height: 20px; overflow: hidden; font-size: 16px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
									<span style="overflow: hidden;text-overflow: ellipsis;">
										¥69
								   </span>					
							   	</div></li></a>
							<a href="buyinterface.html">
							<li class="item">
								<div style="background-color: none;z-index: 2;width: 170px;height:248px;position: absolute;left: 210px;top: 362px;">
								<div style="z-index:3; left: 5px; top: 0px; width: 164px; height: 215px; overflow: hidden; object-fit: contain; position: absolute;" >
								<img style="z-index: 4;left: 5px;top: 1px;position: absolute;width: 170px;height: 226px;" src="\VIPproject\img\r5.jpg"/>
								</div>
								<div style="z-index: 5; left: 51px; top: 134px; width: 95px; height: 64px; overflow: hidden; background-color: rgba(255, 255, 255, 0.8); position: absolute;">
								<img style="z-index: 6; left: 8px; top: 5px; width: 66px; height: 33px; overflow: hidden; object-fit: contain; position: absolute;" src="img/r-middle.png"/>
								<span style="z-index: 6; left: -12px; top: 43px; width: 104px; height: 18px; overflow: hidden; font-size: 14px; color: rgb(88, 92, 100); white-space: nowrap; text-align: center; position: absolute;">
								共1715款
								</span>								
								 </div>
								<span style="z-index: 3; left: 59px; top: 225px; width: 40px; height: 20px; overflow: hidden; background-color: rgb(255, 61, 110); font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; position: absolute;">
								  <span style="overflow: hidden;text-overflow: ellipsis;">
								     疯抢价
								  </span>
								</span>
								<span style="z-index: 3; left: 103px; top: 223px; width: 70px; height: 20px; overflow: hidden; font-size: 16px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
									<span style="overflow: hidden;text-overflow: ellipsis;">
										¥16
								   </span>					
							   	</div></li></a>
							<a href="buyinterface.html">
							<li class="item">
								<div style="background-color: none;z-index: 2;width: 170px;height:248px;position: absolute;left: 390px;top: 362px;">
							<div style="z-index:3; left: 5px; top: 0px; width: 164px; height: 215px; overflow: hidden; object-fit: contain; position: absolute;" >
								<img style="z-index: 4;left: 5px;top: 1px;position: absolute;width: 170px;height: 226px;" src="\VIPproject\img\r6.jpg"/>
								</div>
								<div style="z-index: 5; left: 51px; top: 134px; width: 95px; height: 64px; overflow: hidden; background-color: rgba(255, 255, 255, 0.8); position: absolute;">
								<img style="z-index: 6; left: 8px; top: 5px; width: 66px; height: 33px; overflow: hidden; object-fit: contain; position: absolute;" src="img/r-middle.png"/>
								<span style="z-index: 6; left: -12px; top: 43px; width: 104px; height: 18px; overflow: hidden; font-size: 14px; color: rgb(88, 92, 100); white-space: nowrap; text-align: center; position: absolute;">
								共772款
								</span>								
								 </div>
								<span style="z-index: 3; left: 59px; top: 225px; width: 40px; height: 20px; overflow: hidden; background-color: rgb(255, 61, 110); font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; position: absolute;">
								  <span style="overflow: hidden;text-overflow: ellipsis;">
								     疯抢价
								  </span>
								</span>
								<span style="z-index: 3; left: 103px; top: 223px; width: 70px; height: 20px; overflow: hidden; font-size: 16px; color: rgb(0, 0, 0); white-space: nowrap; text-align: left; position: absolute;">
									<span style="overflow: hidden;text-overflow: ellipsis;">
										¥109
								   </span>					
							   	</div></li></a>
						</ul>
				</div>
            </div>
		</div>
		<div class="mainbox2">
			<div class="title2">
				<img src="\VIPproject\img\title2.png" style="width: 1170px;height: 79px;" />
			</div>
			<div class="subtitle2">
				<img src="img/subtitle2.png" >
			</div>
			<div class="firstline" style="position: relative;float:left;right:62.5%;">
					<a href="buyinterface.html">
					<div style="z-index:1;left:-430px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox" >
								<img class="image";style="z-index:3;" src="\VIPproject\img\1.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
								
							   	<a href="buyinterface.html">
								<div style="z-index:1;left:188px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\2.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
						</div>	</a>				
			</div>
			<div class="secondline" style="position: relative;float:left;right:65.6%;margin-top: 30%;">
				<a href="buyinterface.html">
				<div style="z-index:1;left:-390px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\3.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
							   	
								<a href="buyinterface.html">
								<div style="z-index:1;left:228px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\4.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
						</div>	</a>			
			</div>
			<div class="thirdline" style="position: relative;float:left;right: 65.6%;top:739px;">
				<a href="buyinterface.html">
				<div style="z-index:1;left:-390px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox">
								<img class="image";style="z-index:3;" src="\VIPproject\img\5.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   </div></a>								
				
			<div style="z-index:1;left:228px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img style="z-index:3;right:0%;top: 1px;position: absolute;width: 576px;height: 280px;" src="\VIPproject\img\6.jpg"/>								
							</div>
					</div>
			</div>			
		    <div class="lastline" >
		    	<span >逛更多饰品品牌</span>
		     </div>
		</div>

	    <div class="mainbox3">
	    	<div class="title3">
				<img src="\VIPproject\img\title3.1.png" style="width: 244px;height: 43px;" />
			    <span class="littletitle">
	            全部鞋包品牌
				<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
				 </span>
			</div>			
			<div class="firstline" style="position: relative;float:left;right:61%;">
					<a href="buyinterface.html">
					<div style="z-index:1;left:-455px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\7.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
					
					<a href="buyinterface.html">			
					<div style="z-index:1;left:165px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox" >
								<img class="image";style="z-index:3;" src="\VIPproject\img\8.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
			            </div>	</a>				
			</div>
			<div class="secondline" style="position: relative;float:left;left:-61%;margin-top: 30%;">
				<a href="buyinterface.html">
				<div style="z-index:1;left:-455px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\9.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
					
					<a href="buyinterface.html">			
					<div style="z-index:1;left:165px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox" >
								<img class="image";style="z-index:3;" src="\VIPproject\img\10.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
			            </div>					
						</a>	
			</div>
			<div class="thirdline" style="position: relative;float:left;left: -61%;top:739px;">
				<a href="buyinterface.html">
				<div style="z-index:1;left:-455px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\11.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
							   	
					<a href="buyinterface.html">
					<div style="z-index:1;left:165px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox" >
								<img class="image";style="z-index:3;" src="\VIPproject\img\12.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
			            </div>					
					</a>
			</div>			
			<div class="lastline" >
				<span >逛更多饰品品牌</span>
			</div>	
	    </div>
		<div class="mainbox3" style="top: 70px;">
	    	<div class="title3">
				<img src="\VIPproject\img\title3.png" style="width: 244px;height: 43px;" />
			    <span class="littletitle">
	            全部鞋包品牌
				<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
				 </span>
			</div>			
			<div class="firstline" style="position: relative;float:left;right:61%;">
					<a href="buyinterface.html">
					<div style="z-index:1;left:-455px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\13.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
					
					<a href="buyinterface.html">			
					<div style="z-index:1;left:165px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox" >
								<img class="image";style="z-index:3;" src="\VIPproject\img\14.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
			            </div>	</a>				
			</div>
			<div class="secondline" style="position: relative;float:left;left:-61%;margin-top: 30%;">
				<a href="buyinterface.html">
				<div style="z-index:1;left:-455px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\15.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
					
					<a href="buyinterface.html">			
					<div style="z-index:1;left:165px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox" >
								<img class="image";style="z-index:3;" src="\VIPproject\img\16.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
			            </div>					
					</a>		
			</div>
			<div class="thirdline" style="position: relative;float:left;left: -61%;top:739px;">
				<a href="buyinterface.html">
				<div style="z-index:1;left:-455px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\17.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
					
					<a href="buyinterface.html">			
					<div style="z-index:1;left:165px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox" >
								<img class="image";style="z-index:3;" src="\VIPproject\img\18.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
			            </div>					
					</a>
			</div>			
			<div class="lastline" >
				<span >逛更多饰品品牌</span>
			</div>	
	    </div>
		<div class="mainbox3" style="top: 105px;">
	    	<div class="title3">
				<img src="\VIPproject\img\title3.2.png" style="width: 244px;height: 43px;" />
			    <span class="littletitle">
	            全部鞋包品牌
				<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
				 </span>
			</div>			
			<div class="firstline" style="position: relative;float:left;right:61%;">
					<a href="buyinterface.html">
					<div style="z-index:1;left:-455px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\19.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
					
					<a href="buyinterface.html">			
					<div style="z-index:1;left:165px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox" >
								<img class="image";style="z-index:3;" src="\VIPproject\img\20.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
			            </div></a>					
			</div>
			<div class="secondline" style="position: relative;float:left;left:-61%;margin-top: 30%;">
				<a href="buyinterface.html">
				<div style="z-index:1;left:-455px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\21.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
							   	
					<a href="buyinterface.html">
					<div style="z-index:1;left:165px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox" >
								<img class="image";style="z-index:3;" src="\VIPproject\img\22.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
			            </div>					
					</a>		
			</div>
			<div class="thirdline" style="position: relative;float:left;left: -61%;top:739px;">
				<a href="buyinterface.html">
				<div style="z-index:1;left:-455px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\23.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
							   	
					<a href="buyinterface.html">
					<div style="z-index:1;left:165px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox" >
								<img class="image";style="z-index:3;" src="\VIPproject\img\24.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
			            </div>					
					</a>
			</div>			
			<div class="lastline" >
				<span >逛更多饰品品牌</span>
			</div>	
	    </div>
		<div class="mainbox3" style="top: 140px;">
	    	<div class="title3">
				<img src="\VIPproject\img\title3.3.png" style="width: 244px;height: 43px;" />
			    <span class="littletitle">
	            全部鞋包品牌
				<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
				 </span>
			</div>			
			<div class="firstline" style="position: relative;float:left;right:61%;">
					<a href="buyinterface.html">
					<div style="z-index:1;left:-455px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\25.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
							   	
					<a href="buyinterface.html">
					<div style="z-index:1;left:165px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox" >
								<img class="image";style="z-index:3;" src="\VIPproject\img\26.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
			            </div>
					</a>
			</div>
			<div class="secondline" style="position: relative;float:left;left:-61%;margin-top: 30%;">
				<a href="buyinterface.html">
				<div style="z-index:1;left:-455px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\27.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
					
					<a href="buyinterface.html">			
					<div style="z-index:1;left:165px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox" >
								<img class="image";style="z-index:3;" src="\VIPproject\img\28.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
			            </div>					
					</a>		
			</div>
			<div class="thirdline" style="position: relative;float:left;left: -61%;top:739px;">
				<a href="buyinterface.html">
				<div style="z-index:1;left:-455px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox"  >
								<img class="image";style="z-index:3;" src="\VIPproject\img\29.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
							   	</div></a>
					
					<a href="buyinterface.html">			
					<div style="z-index:1;left:165px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;width: 582px;height:410px; background: #fff;">
								<div class="imagebox" >
								<img class="image";style="z-index:3;" src="\VIPproject\img\30.jpg"/>
								<div class="collection">
									<a href="#pop" style="text-decoration: none;transition-duration: 2s;"><i class="fa fa-heart-o" aria-hidden="true"></i>
									<span>收藏品牌</span></a>
								</div>
								</div>
								<div style="z-index: 4; position: relative; left: 2%;top:73%;padding-left: 10px;background-color: #fff;">
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 700; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								鳄鱼Lacoste男女混合专场
								</span>	
								</div>
								<div style="z-index: 3;position:relative;left:4%;top:73%;line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span style="z-index: 4; color: #4d4d4d; font-size: 16px;margin-right: 10px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;  display: inline-block;">
								  <span style="font-family: Arial;font-size: 18px;color: #f10582; margin-right: 3px;font-weight: 700;">
								     4.3
								  </span>折起
								</span>
								<span style="z-index: 4; position:relative; left:-7%;display: inline-block; margin-right: 8px;  font-size: 14px; color: #333;vertical-align: top;">
									|							  
								</span>
								  <div style="z-index:4;position:relative;left:-7%;display: inline-block;font-size: 16px;font-family: MicrosoftYaHei;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #333;width: 360px;">
								  	 全场折上9折
								  </div>
								</div>
			            </div>					
					</a>
			</div>			
			<div class="lastline" >
				<span >逛更多饰品品牌</span>
			</div>	
	    </div>

		<div class="mainbox4" style="top: 178px;">
			<div class="title4">
				<img src="\VIPproject\img\title4.png" style="width: 1194px;height:68px;" />			     
			</div>			
			<div class="firstline" style="position: relative;float:left;right:62.2%;top: 45px;">
					<a href="buyinterface.html">
					<div class="littlecontainer" style="z-index:1;left:-430px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;background: #fff;">
								<div class="littleimagebox" style="z-index:2; left: 1%; top:1%;  overflow: hidden; object-fit: contain; position: absolute;" >
								<img class="littleimage";style="z-index:3;" src="\VIPproject\img\little1.jpg"/>
								</div>
								<div class="showbox" >
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 200; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								韩国NANING9&...
								</span>	
								</div>
								<div class="sonofshowbox" >
								  <span style="font-family: Arial;font-size: 20px;color: #f10582; margin-right: 3px;font-weight: 200;">
								     2.1
								  </span>折起													
								</div>
								<div class="hiddenbox">
									<input class="inputtext" placeholder="请输入收机号码"/>
								    <button class="button">开售提醒</button>
								</div>
								</div></a>
				  	
					<a href="buyinterface.html">	
					<div class="littlecontainer" style="z-index:1;left:-125px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px; background: #fff;">
								<div class="littleimagebox" style="z-index:2; left: 1%; top:1%; overflow: hidden; object-fit: contain; position: absolute;" >
								<img class="littleimage";style="z-index:3;" src="\VIPproject\img\little2.jpg"/>
								</div>
								<div class="showbox" >
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 200; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								GXG男鞋-最后疯抢专场
								</span>	
								</div>
								<div class="sonofshowbox" >
								  <span style="font-family: Arial;font-size: 20px;color: #f10582; margin-right: 1px;font-weight: 200;">
								     1.9
								  </span>折起													
								</div>
								<div class="hiddenbox">
									<input class="inputtext" placeholder="请输入收机号码"/>
								    <button class="button">开售提醒</button>
								</div>
							</div></a>
					
					<a href="buyinterface.html">		
					<div class="littlecontainer" style="z-index:1;left:180px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;background: #fff;">
								<div class="littleimagebox" style="z-index:2; left: 1%; top:1%;  overflow: hidden; object-fit: contain; position: absolute;" >
								<img class="littleimage";style="z-index:3;" src="\VIPproject\img\little3.jpg"/>
								</div>
								<div class="showbox" >
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 200; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								舒华家用健身装备-最后...
								</span>	
								</div>
								<div class="sonofshowbox" >
								  <span style="font-family: Arial;font-size: 20px;color: #f10582; margin-right: 3px;font-weight: 200;">
								     1.5
								  </span>折起													
								</div>
								<div class="hiddenbox">
									<input class="inputtext" placeholder="请输入收机号码"/>
								    <button class="button">开售提醒</button>
								</div>
							</div></a>
					
					<a href="buyinterface.html">		
					<div class="littlecontainer" style="z-index:1;left:486px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px; background: #fff;">
								<div class="littleimagebox" style="z-index:2; left: 1%; top:1%; overflow: hidden; object-fit: contain; position: absolute;" >
								<img class="littleimage";style="z-index:3;" src="\VIPproject\img\little4.jpg"/>
								</div>
								<div class="showbox" >
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight:200; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								夏娃的诱惑-最后疯抢专场
								</span>	
								</div>
								<div class="sonofshowbox" >
								  <span style="font-family: Arial;font-size: 20px;color: #f10582; margin-right: 3px;font-weight: 200;">
								     0.8
								  </span>折起													
								</div>
								<div class="hiddenbox">
									<input class="inputtext" placeholder="请输入收机号码"/>
								    <button class="button">开售提醒</button>
								</div>
							</div>
						</a>
					</div>						
			<div class="secondline" style="position: relative;float:left;left:-62%;top: 270px;">
					<a href="buyinterface.html">
					<div class="littlecontainer" style="z-index:1;left:-430px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;background: #fff;">
								<div class="littleimagebox" style="z-index:2; left: 1%; top:1%;  overflow: hidden; object-fit: contain; position: absolute;" >
								<img class="littleimage";style="z-index:3;" src="\VIPproject\img\little5.jpg"/>
								</div>
								<div class="showbox" >
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 200; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								贝恩施beiens婴童玩具...
								</span>	
								</div>
								<div class="sonofshowbox" >
								  <span style="font-family: Arial;font-size: 20px;color: #f10582; margin-right: 3px;font-weight: 200;">
								    1.3
								  </span>折起													
								</div>
								<div class="hiddenbox">
									<input class="inputtext" placeholder="请输入收机号码"/>
								    <button class="button">开售提醒</button>
								</div>
								</div>
								</a>
								
				  	<a href="buyinterface.html">	
					<div class="littlecontainer" style="z-index:1;left:-125px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px; background: #fff;">
								<div class="littleimagebox" style="z-index:2; left: 1%; top:1%; overflow: hidden; object-fit: contain; position: absolute;" >
								<img class="littleimage";style="z-index:3;" src="\VIPproject\img\little6.jpg"/>
								</div>
								<div class="showbox" >
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 200; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								奇安达Q-AND-最后疯抢
								</span>	
								</div>
								<div class="sonofshowbox" >
								  <span style="font-family: Arial;font-size: 20px;color: #f10582; margin-right: 1px;font-weight: 200;">
								     0.8
								  </span>折起													
								</div>
								<div class="hiddenbox">
									<input class="inputtext" placeholder="请输入收机号码"/>
								    <button class="button">开售提醒</button>
								</div>
							</div>
						</a>	
					<a href="buyinterface.html">	
					<div class="littlecontainer" style="z-index:1;left:180px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;background: #fff;">
								<div class="littleimagebox" style="z-index:2; left: 1%; top:1%;  overflow: hidden; object-fit: contain; position: absolute;" >
								<img class="littleimage";style="z-index:3;" src="\VIPproject\img\little7.jpg"/>
								</div>
								<div class="showbox" >
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 200; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								卡帝乐鳄鱼女装-最后...
								</span>	
								</div>
								<div class="sonofshowbox" >
								  <span style="font-family: Arial;font-size: 20px;color: #f10582; margin-right: 3px;font-weight: 200;">
								     0.9
								  </span>折起													
								</div>
								<div class="hiddenbox">
									<input class="inputtext" placeholder="请输入收机号码"/>
								    <button class="button">开售提醒</button>
								</div>
							</div>
							</a>
					<a href="buyinterface.html">		
					<div class="littlecontainer" style="z-index:1;left:486px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px; background: #fff;">
								<div class="littleimagebox" style="z-index:2; left: 1%; top:1%; overflow: hidden; object-fit: contain; position: absolute;" >
								<img class="littleimage";style="z-index:3;" src="\VIPproject\img\little8.jpg"/>
								</div>
								<div class="showbox" >
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 200; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								亲润-最后疯抢专场
								</span>	
								</div>
								<div class="sonofshowbox" >
								  <span style="font-family: Arial;font-size: 20px;color: #f10582; margin-right: 3px;font-weight: 200;">
								     1.4
								  </span>折起													
								</div>
								<div class="hiddenbox">
									<input class="inputtext" placeholder="请输入收机号码"/>
								    <button class="button">开售提醒</button>
								</div>
							</div>
						</a>
			</div>
			<div class="thirdline" style="position: relative;float:left;left:-62%;top: 495px;;">
				<a href="buyinterface.html">
				<div class="littlecontainer" style="z-index:1;left:-430px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;background: #fff;">
								<div class="littleimagebox" style="z-index:2; left: 1%; top:1%;  overflow: hidden; object-fit: contain; position: absolute;" >
								<img class="littleimage";style="z-index:3;" src="\VIPproject\img\little9.jpg"/>
								</div>
								<div class="showbox" >
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 200; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								下一代婴幼童服饰—最后...
								</span>	
								</div>
								<div class="sonofshowbox" >
								  <span style="font-family: Arial;font-size: 20px;color: #f10582; margin-right: 3px;font-weight: 200;">
								     2.3
								  </span>折起													
								</div>
								<div class="hiddenbox">
									<input class="inputtext" placeholder="请输入收机号码"/>
								    <button class="button">开售提醒</button>
								</div>
								</div></a>
				
				<a href="buyinterface.html">		
				<div class="littlecontainer" style="z-index:1;left:-125px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px; background: #fff;">
								<div class="littleimagebox" style="z-index:2; left: 1%; top:1%; overflow: hidden; object-fit: contain; position: absolute;" >
								<img class="littleimage";style="z-index:3;" src="\VIPproject\img\little10.jpg"/>
								</div>
								<div class="showbox" >
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 200; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								百年纪念Centenary女鞋...
								</span>	
								</div>
								<div class="sonofshowbox" >
								  <span style="font-family: Arial;font-size: 20px;color: #f10582; margin-right: 1px;font-weight: 200;">
								     0.8
								  </span>折起													
								</div>
								<div class="hiddenbox">
									<input class="inputtext" placeholder="请输入收机号码"/>
								    <button class="button">开售提醒</button>
								</div>
							</div>
						</a>
				<a href="buyinterface.html">
				<div class="littlecontainer" style="z-index:1;left:180px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px;background: #fff;">
								<div class="littleimagebox" style="z-index:2; left: 1%; top:1%;  overflow: hidden; object-fit: contain; position: absolute;" >
								<img class="littleimage";style="z-index:3;" src="\VIPproject\img\little11.jpg"/>
								</div>
								<div class="showbox" >
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 200; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								国际大牌美妆-最后疯抢...
								</span>	
								</div>
								<div class="sonofshowbox" >
								  <span style="font-family: Arial;font-size: 20px;color: #f10582; margin-right: 3px;font-weight: 200;">
								     2.2
								  </span>折起													
								</div>
								<div class="hiddenbox">
									<input class="inputtext" placeholder="请输入收机号码"/>
								    <button class="button">开售提醒</button>
								</div>
							</div>
						</a>	
				<a href="buyinterface.html">		
				<div class="littlecontainer" style="z-index:1;left:486px; top:50px;  float:left;display: inline-block; vertical-align: top; position: absolute; margin-right: 20px; background: #fff;">
								<div class="littleimagebox" style="z-index:2; left: 1%; top:1%; overflow: hidden; object-fit: contain; position: absolute;" >
								<img class="littleimage";style="z-index:3;" src="\VIPproject\img\little12.jpg"/>
								</div>
								<div class="showbox" >
								<span style="z-index: 5;  cursor: pointer;font-family: MicrosoftYaHei; font-weight: 200; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 455px;display: block;">
								紫气东来 珠宝玉器专场
								</span>	
								</div>
								<div class="sonofshowbox" >
								  <span style="font-family: Arial;font-size: 20px;color: #f10582; margin-right: 3px;font-weight: 200;">
								     1.5
								  </span>折起													
								</div>
								<div class="hiddenbox">
									<input class="inputtext" placeholder="请输入收机号码"/>
								    <button class="button">开售提醒</button>
								</div>
							</div>
					</a>
			</div>			
			<div class="lastline" >
				<span >查看更多预告档期</span>
			</div>	
		</div>
		
		</div>
	
		<div class="home-foot">
		<script type="text/javascript">
			$(".home-foot").load("footer.html");
		</script>	
		</div>

		<div class="right">
			<script type="text/javascript">
				$(".right").load("rightnav.html");
			</script>
		</div>

	</body>
	<script type="text/javascript">
		$(window).scroll(function(){
	var top=$(window).scrollTop();
	if(top>=1350){
		$(".float-nav ul").css("position","fixed").css("top","250px").css("left","247px")
	}else if(top<1350){
		$(".float-nav ul").css("position","relative").css("top","800px").css("left","-30px")
	}
})


//滚动导航栏点击背景色变化
$(function(){
	$(".float-nav ul li")
	.eq(0)
	.css("background-color","#f10582")
	$(".float-nav ul li").click(function(){
	
	var i=$(this).index()
	$(".float-nav ul li")
	.eq(i)
	.css("background-color",color[i])
	
	.show()
	.siblings()
	.css("background-color","#FAFAFA")
	})
	
})
	</script>
</html>
